/* header start */
.header,
a,
img,
li {
	transition: all .8s;
	-moz-transition: all .8s;
	/* Firefox 4 */
	-webkit-transition: all .8s;
	/* Safari and Chrome */
	-o-transition: all .8s;
	/* Opera */
}
body {

	/* height: 4000px; */
}
.header {
	background: #fff;
	width: 100%;
	position: fixed;
	z-index: 999;
}
.header{
	height: 89px;
	box-shadow:rgb(208, 208, 208) 0px 0px 8px;
}
.header img {
	width: 192px;
	height: 52px;
	margin-top: 20px;
}
.header.small {
	height: 60px;
	box-shadow:rgb(208, 208, 208) 0px 0px 8px;
}
.header.small img {
	width: 154px;
	height: 43px;
	margin-top: 10px;
}
.header.small li {
	margin-top: 17px;
}
.onlinetel{
	transition: all .4s;
	margin-top: 20px;
}
.top-telicon{
	display: block;
	width: 20px;
	height: 20px;
	background: url(../../images/top-telicon.png) no-repeat center;
	position: relative;
	top: 8px;
	left: -5px;
}
.telnumber h3{
	font-size: 16px;
	font-weight: bold;
	color: #188ce9;
}
.telnumber p{
	font-size: 13px;
	color: #6f777e;
}
/* header end */

/* nav start */
.nav-search{
	width: 100%;
	height: 70px;
	background-color: #fff;
	position: relative;
	top: 90px;
	z-index: 999;
}
.nav-list >ul li{
	float: left;
	margin-right: 60px;
}
.nav-list >ul li a{
	display: inline-block;
	padding: 24px 0;
	color: #444;
	font-size: 16px;
}
.nav-list >ul li a.nav-active{
	color: #188ce9;
	border-bottom: 2px solid  #188ce9;
}
.search-box input{
	box-sizing: border-box;
	padding-left: 10px;
	width: 220px;
	height: 36px;
	border: 1px solid #188ce9;
	color: #444;
}
.search-box button{
	width: 40px;
	height: 36px;
	background-color: #188ce9;
	border: none;
	position: relative;
	top: 13px;
	left: -5px;
	cursor: pointer;
	outline: none;
	background-image: url(../../images/search-icon.png);
	background-repeat: no-repeat;
	background-position: center;
}
/* nav end */

/* banner start */
/* banner */
.banner{
	overflow: hidden;
	position: relative;
	background:#fff;
	margin: 0 auto;
	width: 100%;
	height: 710px;
	top: 59px;
}
.banner .swiper-container{
	position: relative;
	left: 50%;
	margin-left: -960px;
	width: 1920px;
	height: 680px;
}
.banner .swiper-pagination-bullet{
	width: 12px;
	height: 12px;
	border: 2px solid #fff;
}
.banner .swiper-pagination-bullet-active{
	background-color: #fff;
}
.banner .swiper-button-prev{
	left: 8%;
	color: #fff;
	text-shadow: rgb(208, 208, 208) 0px 0px 8px;
}
.banner .swiper-button-next{
	right: 8%;
	color: #fff;
	text-shadow: rgb(208, 208, 208) 0px 0px 8px;
}
@media screen and (max-width:1300px) {
	.banner .swiper-button-prev{
		left: 18%;
		color: #fff;
		text-shadow: rgb(208, 208, 208) 0px 0px 8px;
	}
	.banner .swiper-button-next{
		right: 18%;
		color: #fff;
		text-shadow: rgb(208, 208, 208) 0px 0px 8px;
	}
}
/* banner end */


/* 友情链接 start */
.links{
	height: 77px;
	background-color: #f5f5f5;
	margin-top: 95px;
}
.links .linktitle h2{
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	line-height: 77px;
}
.links .linktitle h2:nth-child(1){
	color: #188ce9;
}
.linksc{
	margin-left: 40px;
}
.linksc p{
	display: inline-block;
	line-height: 77px;
	color: #333;
	
}
.linksc p a{
	font-size: 13px;
}
.linksc span{
	padding: 0 15px;
	font-size: 13px;
}
/* 友情链接 end */

/* footer start */
.footer{
	padding-top: 1px;
/* 	height: 427px; */
	background-color: #3a3f55;
}
.webmaplist{
	margin-top: 120px;
	
}
.webmaplist ul li dl dt{
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	margin-bottom: 10px;
}
.webmaplist ul li{
	float: left;
	margin-right:50px;
}
.webmaplist ul li dl dd a{
	font-size: 14px;
	color: #fff;
	text-align: center;
	line-height: 24px;
}
.webmaplist{
	border-bottom: 1px solid #626880;
	padding-bottom:100px;
}
.rightinfo{
	width: 274px;
	margin-left: 40px;
}
.rightinfo .zihot{
	font-size: 13px;
	color: #f4f4f4;
}
.rightinfo .telnum{
	font-size: 29px;
	color: #f4f4f4;
}
.rightinfo .worktime,.rightinfo .workaddress{
	font-size: 12.8px;
	color: #f4f4f4;
}
.leftcopytxt p{
	font-size: 14px;
	color: #949ab0;
	padding: 34px 0;
}
.contact-icon i{
	cursor: pointer;
	margin-left: 20px;
	margin-top: 20px;
	display: inline-block;
	width: 41px;
	height: 41px;
	background: url(../../images/email.png) no-repeat center;
	
}
.contact-icon i.wechat-icon{
	background: url(../../images/wechat.png) no-repeat center;
}
.contact-icon{
	position: relative;
}
.wechatbox{
	width: 149px;
	height: 177px;
	background: url(../../images/hidhidde-box.png) no-repeat center;
	position: absolute;
	top: -161px;
	left: -40px;
	line-height: 42px;
	font-size: 13px;
	text-align: center;
	display: none;
}

/* footer end */

/* 内容区域 start */
.main-content .left-title{
	width: 220px;
	height: 58px;
	border-bottom: 1px solid #dbdbdb;
	line-height: 58px;
}
.main-content .left-title h2{
	display: inline-block;
	font-size: 15px;
	color: #0599e8;
}
.main-content .left-title h2:before{
	content: '';
	width: 2px;
	height: 15px;
	background-color: #0599e8;
	display: inline-block;
	position: relative;
	top: 2px;
	margin-right: 30px;
}
.main-content .left-title h3{
	display: inline-block;
	font-size: 12px;
	color: #c4c4c4;
}
.left-menulist{
	width: 220px;
	margin-top: 39px;
}
.left-menulist ul li {
	width: 220px;
	height: 43px;
	text-align: center;
}
.left-menulist ul li a{
	font-size: 15px;
	display: block;
	width: 100%;
	height: 100%;
	line-height: 43px;
	background-color: #f5f5f5;
	color: #444444;
}
.left-menulist ul li a.active{
	background-color: #188ce9;
	color: #fff;
}
.left-menulist ul li a:hover{
	background-color: #188ce9;
	color: #fff;
}
.left-contact{
	width: 220px;
	margin-top: 38px;
}
.left-contact-title{
	width: 220px;
	height: 43px;
	background-color: #188ce9;
	color: #fff;
	text-align: center;
	font-size: 15px;
	line-height: 43px;
}
.left-contact-body{
	border: 1px solid #cccccc;
	margin-top: -1px;
	padding: 15px 10px 10px 10px;
	box-sizing: border-box;
}
.left-contact-body ul li i.tel-icon{
	position: relative;
	top: 6px;
	margin-right: 10px;
	width: 17px;
	height: 17px;
	background: url(../../images/tel-icon.png) no-repeat center;
}
.left-contact-body ul li{
	margin-bottom: 10px;
}
.left-contact-body ul li p{
	padding: 5px 0;
	/* border-bottom: 1px solid #ccc; */
}
.left-contact-body ul li p.tel-number{
	font-size: 16px;
	width: 160px;
	color: #666;
}
.left-contact-body ul li p.add-address{
	width: 160px;
	font-size: 12px;
}
.left-contact-body ul li i.tel-add{
	position: relative;
	top:18px;
	margin-right: 10px;
	width: 17px;
	height: 17px;
	background: url(../../images/loca-icon.png) no-repeat center;
}
.left-contact-body ul li i.tel-email{
	position: relative;
	top:4px;
	margin-right: 10px;
	width: 17px;
	height: 17px;
	background: url(../../images/email-icon.png) no-repeat center;
}
.crumbslink a{
	color: #999;
}
.crumbslink a.on{
	color: #188ce9;
}
.case-item ul li{
	width:280px;
	height: 284px;
	float: left;
	margin-right:43px;
	margin-bottom: 43px;
	
}
.right-title P{
	display: inline-block;
}
.nowlocation{
	margin-right: 10px;
}
.right-title{
	width: 930px;
	height: 58px;
	border-bottom: 1px solid #dbdbdb;
	line-height: 58px;
	color: #999;
}
.right-title span{
	font-family: simsun;
	padding: 0 5px;
	font-weight: bold;
}
.right-content{
	margin-left: 50px;
}

.right-content{
	width: 930px;
}

/* 回到顶部 */
.cd-top {
z-index: 999999999;
  display: inline-block;
  height: 50px;
  width: 50px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  display: none;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background:rgba(24, 140, 233, 0.87) url(../../images/cd-top-arrow.svg) no-repeat center 50%;
 
}